<!DOCTYPE HTML>
<!--头部-->
<html class="no-js" lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:fragment="head(title)">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="apple-mobile-web-app-title" content="San'Sui Blog">
    <!-- 通过自有函数输出HTML头部信息 -->
    <meta name="description" content="三岁博客-sansuiblog"/>
    <title th:replace="${title}">San'Sui Blog</title>
    <!-- 使用url函数转换相关路径 -->
    <link rel="icon" type="image/ico">
    <link href="source/css/jquery.fancybox.min.css" th:href="@{/kying/source/css/jquery.fancybox.min.css}"
          rel="stylesheet">
    <link href="source/lib/OwO/OwO.min.css" th:href="@{/kying/source/lib/OwO/OwO.min.css}" rel="stylesheet">
    <link href="source/css/animate.min.css" th:href="@{/kying/source/css/animate.min.css}" rel="stylesheet">
    <link href="source/css/iconfont.css" th:href="@{/kying/source/css/iconfont.css}" rel="stylesheet">
    <link href="source/css/style.min.css-v=213a50a4db.css" th:href="@{/kying/source/css/style.min.css-v=213a50a4db.css}"
          rel="stylesheet">
    <link rel="shortcut icon" href="favicon.ico" th:href="@{/kying/favicon.ico}" type="image/x-icon">
    <link rel="icon" href="favicon.ico" th:href="@{/kying/favicon.ico}" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="source/css/sk.css" th:href="@{/kying/source/css/sk.css}">
    <!--[if lt IE 11]>
    <script src="source/lib/html5shiv/3.7.3/html5shiv.min.js"
            th:src="@{/kying/source/lib/html5shiv/3.7.3/html5shiv.min.js}"></script>
    <script src="source/lib/respond.js/1.4.2/respond.min.js"
            th:src="@{/kying/source/lib/respond.js/1.4.2/respond.min.js}"></script>
    <![endif]-->
</head>
<body>

<!--头部 nav-->
<span th:fragment="nav">
    <style>
        #background {
            width: 100%;
            height: 100%;
            background: url(https://api.vvhan.com/api/bing) center center no-repeat;
            background-size: cover;
            z-index: -1;
            position: relative;
        }
    </style>
    <script>
        window.THEME_CONFIG = {
            "THEME_VERSION": "1.1.0",
            "SITE_URL": "http:\/\/blog.jun-mou.top\/",
            "THEME_URL": "../kying/",
            "SHOW_HITOKOTO": true,
            "SHOW_QRCODE": true,
            "SHOW_REWARD": true,
            "ENABLE_PJAX": true,
            "ENABLE_AJAX_COMMENT": true,
            "ENABLE_FANCYBOX": true,
            "ENABLE_LAZYLOAD": true,
            "ENABLE_MATHJAX": true,
            "OWO_JSON": "",
            "HITOKOTO_ORIGIN": "https:\/\/v1.hitokoto.cn\/?c=a&encode=text",
            "GRAVATAR_PREFIX": "https:\/\/cn.gravatar.com\/avatar\/"
        }
    </script>
    <div id="wrapper" onclick="toggleNav();"></div>
    <div id="nav-vertical">
        <a class="close" href="javascript:void(0);" onclick="toggleNav();"><i class="iconfont icon-aria-close"></i></a>
        <div id="nav-avatar"><img no-lazyload src="http://q1.qlogo.cn/g?b=qq&nk=1578393930&s=100">
        </div>
        <ul class="nav-vertical-list">
            <li class="nav-vertical-item">
                <a href="#" th:href="@{/index}"> <i class="iconfont icon-aria-home"></i> 首页</a>
            </li>
            <li class="nav-vertical-item">
                <a href="#" th:href="@{/archives}"><i class="iconfont icon-aria-archives"></i> 归档</a>
            </li>
            <li class="nav-vertical-item">
                <a href="#" th:href="@{/friendLinks}"><i class="iconfont icon-aria-friends"></i> 友链</a>
            </li>
            <li class="nav-vertical-item">
                <a href="#" th:href="@{/about}"><i class="iconfont icon-aria-ubuntu"></i> 关于</a>
            </li>
            <li class="nav-vertical-item">
                <a href="#" th:href="@{/index}"><i class="iconfont icon-aria-about"></i> 更多</a>
                <ul class="nav-vertical-sub">
                    <li class="vertical-sub-item">
                        <a href="https://gitee.com/wyq517" target=";_blank"><i class="iconfont icon-aria"></i> GITEE</a>
                    </li>
                    <li class="vertical-sub-item">
                        <a href="https://www.jun-mou.top/" target=";_blank"><i class="iconfont icon-aria-"></i> 主页</a>
                    </li>
                    <li class="vertical-sub-item">
                        <a href="http://image.jun-mou.top" target=";_blank"><i class="iconfont icon-aria-"></i> 图床</a>
                    </li>
                    <li class="vertical-sub-item">
                        <a href="http://pan.jun-mou.top/" target=";_blank"><i class="iconfont icon-aria-"></i> 三岁网盘</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <!--[if lt IE 11]>
    <div class="browsehappy" role="dialog">当前网页 <strong>不支持</strong> 你正在使用的浏览器. 为了正常的访问, 请
        <a href="http://browsehappy.com/">升级你的浏览器</a>.
    </div>
    <![endif]-->
    <div id="nav-menu" role="navigation">
        <div id="nav-left">
            <a href="" th:href="@{/index}">
    <!--            th:src="@{/kying/source/ProfilePhoto.jpg}" -->
                <img id="site-avatar" no-lazyload src="http://q1.qlogo.cn/g?b=qq&nk=1578393930&s=100">
                <span th:text="${webname}">San'Sui Blog</span>
            </a>
        </div>
        <div id="nav-right">
            <ul class="nav-right-list">
                <li class="nav-right-item">
                    <a href="#" th:href="@{/index}"><i class="iconfont icon-aria-home"></i>首页</a>
                </li>
                <li class="nav-right-item">
                    <a href="#" th:href="@{/archives}"><i class="iconfont icon-aria-archives"></i>归档</a>
                </li>
                <li class="nav-right-item">
                    <a href="#" th:href="@{/friendLinks}"><i class="iconfont icon-aria-friends"></i>友链</a>
                </li>
                <li class="nav-right-item">
                    <a href="#" th:href="@{/about}"><i class="iconfont icon-aria-ubuntu"></i>关于</a>
                </li>
                <li class="nav-right-item">
                    <a><i class="iconfont icon-aria-about"></i>更多 </a>
                    <ul class="nav-sub">
                        <li class="sub-item"><a
                                href="https://gitee.com/wyq517"
                                target=";_blank"><i
                                class="iconfont icon-aria-"></i>GITEE</a>
                        </li>
                        <li class="sub-item"><a
                                href="https://www.jun-mou.top/"
                                target=";_blank"><i
                                class="iconfont icon-aria-"></i>主页</a>
                        </li>
                        <li class="sub-item"><a
                                href="http://image.jun-mou.top"
                                target=";_blank"><i
                                class="iconfont icon-aria-"></i>图床</a>
                        </li>
                        <li class="sub-item">
                            <a href="http://pan.jun-mou.top/"target=";_blank"><i
                                    class="iconfont icon-aria-"></i>三岁网盘
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <div id="nav-btns">
                <i class="iconfont icon-aria-menu" id="nav-menu-btn" onclick="toggleNav();"></i>
                <i class="iconfont icon-aria-search" id="nav-search-btn"></i>
            </div>
        </div>
    </div>
    <div id="search-box" class="animated" style="background: #fff">
        <span class="close"><i class="iconfont icon-aria-close"></i></span>
        <form id="search" action="#" th:action="@{/search}" method="get" role="search">
            <input type="text" name="keyword" id="search-text" th:value="${keyword}" placeholder="输入关键词搜索..."/>
            <button type="submit" id="search-button" onclick="document.forms['search'].submit()"
                    style="background: url(/kying/source/img/search.png) center center no-repeat;background-size: cover;"></button>
        </form>
    </div>
</span>

<!--回到顶部-->
<div th:fragment="go-top" id="go-top" onclick="goTop(this);">
    <img no-lazyload src="source/img/goTop.png" th:src="@{/kying/source/img/goTop.png}">
</div>

<!--底部 footer-->
<footer th:fragment="footer" id="footer" role="contentinfo">
    <!-- 雪花代码 -->
    <script src="source/lib/bgjs/snowflakes.min.js" th:src="@{/kying/source/lib/bgjs/snowflakes.min.js}"></script>
    <script>
        var sf = new Snowflakes({
            count: 20
        });
    </script>

    <i class="iconfont icon-aria-paperboat" style="font-size:2rem"></i>

    <!-- 今日诗词 -->
    <script src="source/js/jinrishici.js" th:src="@{/kying/source/js/jinrishici.js}" charset="utf-8"></script>
    <div id="poem_sentence"></div>
    <div id="poem_info"></div>
    <script type="text/javascript">
        jinrishici.load(function (result) {
            var sentence = document.querySelector("#poem_sentence")
            var info = document.querySelector("#poem_info")
            sentence.innerHTML = result.data.content
            info.innerHTML = '【' + result.data.origin.dynasty + '】' + result.data.origin.author + '《' + result.data.origin.title + '》'
        });
    </script>
    <!-- 运行时间 -->
    <p id="htmer_time">
    <p id="footer-info">&copy; <span id="runtime_start">2016</span> - <span id="runtime_end">2022</span>
        <span><a href="#" th:href="@{/index}"> • </a></span>
        <span class="shaky"><a href="#" th:href="@{/index}">  San'Sui Blog</a></span>
        <span>
            <a href="https://www.jun-mou.top/"
               title="念念不忘，必有回响。" target="_blank"> • 三岁
            </a>
            <a target="_blank"
               href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41010302002924"
               style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                <p style="line-height:20px;margin: 0px 10px 0px 5px; color:#000000;">
                    <img src="" th:src="@{/images/beian.png}" style="height: auto;max-width: 100%;vertical-align: middle;"/>
                    <span th:text="#{index.gongan}"></span>
                </p>
            </a>
            <a href="https://beian.miit.gov.cn/" style="color:#000000;" target="_blank" th:text="#{index.beianhao}"></a>
            <span>
                <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
                <script>LA.init({id: "Jn3T75uqiXfw2nZM",ck: "Jn3T75uqiXfw2nZM"})</script>
            </span>
        </span>
    </p>
</footer>
<!-- end #footer -->

<th:block th:fragment="script">
    <!--    <script src="source/lib/OwO/OwO.min.js" th:src="@{/kying/source/lib/OwO/OwO.min.js}"></script>-->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script><!--引入jquery js-->
    <script src="https://cdn.jsdelivr.net/npm/jquery.scrollto@2.1.2/jquery.scrollTo.min.js"></script>
    <script src="source/lib/qrcode/qrcode.min.js" th:src="@{/kying/source/lib/qrcode/qrcode.min.js}"></script>
    <script src="source/js/jquery.pjax.min.js" th:src="@{/kying/source/js/jquery.pjax.min.js}"></script>
    <script src="source/js/jquery.fancybox.min.js" th:src="@{/kying/source/js/jquery.fancybox.min.js}"></script>
    <script src="source/js/highlight.pack.js" th:src="@{/kying/source/js/highlight.pack.js}"></script>
    <script src="source/js/jquery.lazyload.min.js" th:src="@{/kying/source/js/jquery.lazyload.min.js}"></script>
    <script src="source/js/functions.min.js-v=8b426df9ab.js"
            th:src="@{/kying/source/js/functions.min.js-v=8b426df9ab.js}"></script>
    <script src="source/js/main.min.js-v=de446d9d66.js"
            th:src="@{/kying/source/js/main.min.js-v=de446d9d66.js}"></script>
    <script>
        /* 动态网页标题 */
        var OriginTitile = document.title,
            titleTime;
        document.addEventListener("visibilitychange",
            function () {

                if (document.hidden) {
                    $('[rel="shortcut icon"]').attr("href", "https://blog.jun-mou.top/images/favicon.ico");
                    document.title = "你去哪儿啦 Σ(っ °Д °;)っ";
                    clearTimeout(titleTime)
                } else {
                    $('[rel="shortcut icon"]').attr("href", "https://blog.jun-mou.top/images/favicon.ico");
                    document.title = "别离开我了好嘛(｡•ˇ‸ˇ•｡)";
                    titleTime = setTimeout(function () {
                            document.title = OriginTitile
                        },
                        1500)
                }
            });

        /*  运行时间 */
        function secondToDate(second) {
            if (!second) {
                return 0;
            }
            var time = new Array(0, 0, 0, 0, 0);
            if (second >= 365 * 24 * 3600) {
                time[0] = parseInt(second / (365 * 24 * 3600));
                second %= 365 * 24 * 3600;
            }
            if (second >= 24 * 3600) {
                time[1] = parseInt(second / (24 * 3600));
                second %= 24 * 3600;
            }
            if (second >= 3600) {
                time[2] = parseInt(second / 3600);
                second %= 3600;
            }
            if (second >= 60) {
                time[3] = parseInt(second / 60);
                second %= 60;
            }
            if (second > 0) {
                time[4] = second;
            }
            return time;
        }

        function setTime() {
            var create_time = Math.round(new Date(Date.UTC(2022, 06, 09, 0, 01, 01)).getTime() / 1000);
            var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
            currentTime = secondToDate((timestamp - create_time));
            currentTimeHtml = '本博客顽强地存活了：' + currentTime[0] + '年' + currentTime[1] + '天'
                + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
                + '秒';
            document.getElementById("htmer_time").innerHTML = currentTimeHtml;
        }

        <!--网站运行时间-->
        function show_runtime(createTime) {
            X = new Date(Date.parse(createTime.replace(/-/g,  "/")));
            Y = new Date();
            startYear = X.getFullYear();
            endYear = Y.getFullYear();
            runtime_start.innerHTML = startYear;
            runtime_end.innerHTML = endYear;
        }

        // 获取系统创建时间
        $.ajax({
            type: 'GET',
            async: true, //修改此方法为同步，解决ajax是异步请求问题
            url: '/getCreateTime',
            dataType: 'json',
            success(data) {
                if(data.code == 200){
                    show_runtime(data.data.createTime);
                }
            },
            error(jqXHR, textStatus, errorThrown) {
                // 错误信息处理
                console.error(textStatus, errorThrown)
            }
        });


        setInterval(setTime, 1000);


        // 鼠标点击特效
        function clickEffect(body) {
            let t, e, i, n, s, o, d = [],
                l = !1,
                h = 0;
            const r = ["#F73859", "#14FFEC", "#00E0FF", "#FF99FE", "#FAF15D"],
                a = document.createElement("canvas");
            body.appendChild(a), a.setAttribute("style", "width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; position: fixed; pointer-events: none;");
            const c = document.createElement("span");

            function u() {
                a.width = 2 * window.innerWidth, a.height = 2 * window.innerHeight, a.style.width = window.innerWidth + "px", a.style.height = window.innerHeight + "px", o.scale(2, 2), e = a.width = window.innerWidth, i = a.height = window.innerHeight, n = {
                    x: e / 2,
                    y: i / 2
                }, s = {
                    x: e / 2,
                    y: i / 2
                }
            }
            c.classList.add("pointer"), body.appendChild(c), a.getContext && window.addEventListener ? (o = a.getContext("2d"), u(), window.addEventListener("resize", u, !1), function t() {
                o.fillStyle = "rgba(255, 255, 255, 0)";
                o.clearRect(0, 0, a.width, a.height);
                for (let t = 0; t < d.length; t++) {
                    let e = d[t];
                    e.r < 0 || (o.fillStyle = e.color, o.beginPath(), o.arc(e.x, e.y, e.r, 0, 2 * Math.PI, !1), o.fill(), e.update())
                }
                1 == l ? h += .2 : !l && h >= 0 && (h -= .4);
                ! function() {
                    for (let t = 0; t < d.length; t++) {
                        let n = d[t];
                        (n.x + n.r < 0 || n.x - n.r > e || n.y + n.r < 0 || n.y - n.r > i || n.r < 0) && d.splice(t, 1)
                    }
                }();
                requestAnimationFrame(t)
            }(), window.addEventListener("mousedown", function(e) {
                m(p(10, 20), e.clientX, e.clientY), body.classList.add("is-pressed"), t = setTimeout(function() {
                    body.classList.add("is-longpress"), l = !0
                }, 500)
            }, !1), window.addEventListener("mouseup", function(e) {
                clearInterval(t), 1 == l && (body.classList.remove("is-longpress"), m(p(50 + Math.ceil(h), 100 + Math.ceil(h)), e.clientX, e.clientY), l = !1), body.classList.remove("is-pressed")
            }, !1), window.addEventListener("mousemove", function(t) {
                let e = t.clientX,
                    i = t.clientY;
                c.style.top = i + "px", c.style.left = e + "px"
            }, !1)) : console.log("canvas or addEventListener is unsupported!");
            class w {
                constructor(t = n.x, e = n.y) {
                    this.x = t, this.y = e, this.angle = 2 * Math.PI * Math.random(), this.multiplier = 1 == l ? p(14 + h, 15 + h) : p(6, 12), this.vx = (this.multiplier + .5 * Math.random()) * Math.cos(this.angle), this.vy = (this.multiplier + .5 * Math.random()) * Math.sin(this.angle), this.r = p(8, 12) + 3 * Math.random(), this.color = r[Math.floor(Math.random() * r.length)]
                }
                update() {
                    this.x += this.vx - s.x, this.y += this.vy - s.y, s.x = -2 / window.innerWidth * Math.sin(this.angle), s.y = -2 / window.innerHeight * Math.cos(this.angle), this.r -= .3, this.vx *= .9, this.vy *= .9
                }
            }

            function m(t = 1, e = n.x, i = n.y) {
                for (let n = 0; n < t; n++) d.push(new w(e, i))
            }

            function p(t, e) {
                return Math.floor(Math.random() * e) + t
            }
        }
        clickEffect(body);

    </script>
    <script type='text/javascript' src="source/lib/ActivatePowerMode/static/activate-power-mode.js"
            th:src="@{/kying/source/lib/ActivatePowerMode/static/activate-power-mode.js}"></script>
</th:block>
</body>